/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px arial;
list-style-type: none;
border-bottom: 1px solid gray;
background: #414141;
overflow: hidden;
width: 100%;
background:transparent url(../images/back_menu.jpg) repeat-x center top; 
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:7px 35px 8px 30px;
color: white;
background:transparent url(../images/right_menu_inactive.jpg) no-repeat right top; 
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu li a:hover, .mattblackmenu li a.active, .mattblackmenu li a.selected{
	color:#fff;
	background:transparent url(../images/right_menu_active.jpg) no-repeat right top; 
}

.mattblackmenu li a:hover span, .mattblackmenu li a.active span, .mattblackmenu li a.selected span{
	color:#fff;
	background:transparent url(../images/left_menu_active.jpg) no-repeat left top;
	padding:7px 0px 8px 44px;
	margin-left:-44px;
	position:relative;
	z-index:999;
}
